@import "../../common/styles/globalStyle.scss";


.ShopCard{
  padding: vw(24) vw(20) vw(18);
  background: #fff;
  border-radius: vw(20);
  margin-bottom: vw(20);
  .ShipCard-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    p{
      margin: 0;
      font-size: vw(34);
      font-weight: bold;
    }
    span{
      font-size: vw(18);
      padding: vw(5) vw(6);
      color: #fff;
      background: #f15113;
      border-radius: vw(4);
    }
  }

  .ShopCard-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: vw(10) 0;
    .star-number{
      flex: 1;
      font-size: vw(20);
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    & > p{
      flex: 1;
      font-size: vw(22);
      color: #626262;
    }
    & > span{
      flex: 1;
      color: #626262;
      font-size: vw(22);
      text-align: right ;
    }
  }

  .ShopCard-info-address{
    text-align: left;
    padding-bottom: vw(8);
    span{
      font-size: vw(20);
      color: #626262;
    }
  }

  .goods-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    li{
      width: vw(214);
      height: vw(180);
    }
  }
}
